import React from 'react';
export default class User extends React.Component{
  constructor(props){
    super();
    this.state={
      color:props.color,
      id:props.id
    }
  }
  componentWillReceiveProps(props){
    this.setState({
      color:props.color,
      id:props.id
    });
  }
  render(){
    return(
      <svg className="Menu_SVG" fill= {this.state.color} id={this.state.id} xmlns="http://www.w3.org/2000/svg" width="14.003" height="14.521" viewBox="0 0 14.003 14.521">
        <g id="个人资料" transform="translate(-107.219 -85.533)">
          <path id="路径_3427" data-name="路径 3427" d="M357.8,88.21a2.686,2.686,0,1,0,2.686-2.676A2.681,2.681,0,0,0,357.8,88.21Z" transform="translate(-246.264 0)"/>
          <path id="路径_3428" data-name="路径 3428"  d="M117.82,442.812a1.135,1.135,0,0,0-.187,0h-6.794a.672.672,0,0,0-.228.031,5.673,5.673,0,0,0-3.392,4.735,3.594,3.594,0,0,0,3.5,3.6h7a3.594,3.594,0,0,0,3.5-3.6C121.222,445.654,119.671,443.232,117.82,442.812ZM116.233,447a.633.633,0,0,1-.638.633h-2.749a.633.633,0,1,1,0-1.265H115.6a.633.633,0,0,1,.633.633Z" transform="translate(0 -351.122)"/>
        </g>
      </svg>
          );
  }
}